2024 iThome 鐵人賽
分享至
今天學習了如何使用 JavaScript 來動態載入頁面部分內容，讓網站更具互動性。例如，使用 fetch() 可以從伺服器獲取資料，再透過 DOM 操作來更新頁面。這讓我體會到，不需要每次都重載整個頁面，使用這種技術可以優化用戶體驗，並節省資源。
結果：當按下按鈕時，會從 API 獲取文章資料並顯示在頁面上。
這個範例展示了如何載入多筆資料並依序顯示在頁面上，這對於需要大量動態內容的應用非常實用。
透過這次學習，我進一步理解了如何有效利用 API 與 DOM 操作來提升網頁的動態性。
IT邦幫忙
iThome鐵人賽
看影片追技術